<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<div class="divPanel notop page-content">

    <p>
        <a class="btn btn-info" href="#">Populares</a>
        <a class="btn btn-info" href="#">Mas Visitados</a>
        <a class="btn btn-info" href="#">Destacados</a>
        <a class="btn btn-info" href="#">Sin Contestar</a>
    </p>
    <div class="row-fluid">
        <div class="span8">
            

                <c:forEach var="pregunta" items="${entradas}">
            <!-- pregunta -->
            <div class="container-fluid outlined">
                <h5><a href="<c:url value='/preguntas/pregunta?id=${pregunta.identrada}'/>">${pregunta.titulo}</a></h5>

                <div class="container-fluid outline-top ">
                    <span class="span12">
                        ${pregunta.descripcion}
                    </span>

                </div>
                <div class="container-fluid outline-top">
                    <span class="span4">Valoración: 
                        <i class="?general foundicon-star"></i>
                        <i class="?general foundicon-star"></i>
                        <i class="?general foundicon-star"></i>
                        <i class="?general foundicon-star"></i>

                    </span>
                    <span class="span4">Respuestas: 15</span>
                    <span class="span4">Visitas: ${pregunta.visitas} </span>
                </div>
            </div>
            <p></p>
            <!-- fin de pregunta -->
             </c:forEach>
            

            <div class="pagination pagination-small">
                <ul>
                    <li><a href="#">Â«</a></li>
                    <li><a href="#">1</a></li>
                </ul>
            </div>
        </div>
        <div id="sidebar" class="span4">

            <h2>Tag Cloud</h2>

            <br />
            <div  class="tagcloud">
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>
                <a href="#" ><strong>Lorem  </strong></a>
                <a href="#" ><strong>Ipsum  </strong></a>

            </div>


            <div class="input-append">
                <input class="span9" id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
            </div>

            <br />




            <h2>Mis preguntas</h2>
            <ul>
                <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
                <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
            </ul>
            <br />

            <h2>Respuestas pendientes</h2>
            <ol>
                <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
                <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
                <li>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</li>
            </ol>
            <br />



        </div>
    </div>

    <div id="footerInnerSeparator"></div>
</div>
